<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 模板字符串 ``: 称为模板字符串
    // ${}  ----> 差值表达式  {{}}  {}   #{}  <%= %> {$变量}
    // 差值表达式的使用； 1.可以解析变量  2.可以做一些简单的运算
    // 3.接收有返回值的逻辑

    let name = '张三';
    let age = 20;
    let str = `大家好我${name}是我的年龄是${10 + 10}`;
    console.log(str);
    const f = v => v;

    let flag = true;
    document.onclick = function () {
      document.body.innerHTML = `我的名字是${flag ? '张三' : '李四'}`;
      let str1 = `hello 大家好 ${f('你好')}`;
      console.log(str1);
      flag = !flag;
    }
  </script>

</body>

</html>